import React, { memo } from "react";
import { View, Text } from "@tarojs/components";
import { Image, Icon } from '@antmjs/vantui'
import Taro from '@tarojs/taro';


import './index.scss'

const InviteHeader = () => {
  const navPosition = Taro.getStorageSync('nav-position') ? JSON.parse(Taro.getStorageSync('nav-position')) : {}

  return (
    <View className='invite-header'>
      <View className='invite_header_bgc' />
      <View onClick={() => Taro.navigateBack()}>
        <Icon name='arrow-left' style={{ padding: `${navPosition.top + navPosition.height / 2 - 4}px 22px 0` }} />
      </View>
      <View className='welcome-class'>
        <Image width='178px' height='79px' fit='cover' src='https://static.hzddyy.com/taiyi/tt/invite_friend_word.png' />
        <View className='welcome-tip text4'>
          小以AI <Text className='tip-line'></Text> 基金从业智能陪考 <Text className='tip-line'></Text> 更多精彩等您探索
        </View>
      </View>
    </View>
  );
};

export default memo(InviteHeader);
